<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>NESPRESSO</title>

<link rel="stylesheet" type="text/css" href="css/nespresso.css" />
<link rel="stylesheet" type="text/css" href="css/validationEngine.jquery.css" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.17.custom.css" />
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine-fr.js" type="text/javascript"></script>
</head>

<body>
<div class="super-div">
<p align="center"><h1 align="center" class="grosmarron">Création d'un nouveau compte</h1>
<div align="center" class="divrondform" style="width:1000" >
<form action="Loginnew" method="post" id="fLoginNew">
	<table border ="0"><tr><td>
		<table border="0" cellpadding="3" cellspacing="3">
			<tr>
				<td align="right" width="300px">Nom :</td>
				<td ><input class="validate[required]" name="nom" id="nom" size="45" maxlength="45" /></td>
			</tr><tr>
				<td align="right">Prénom :</td>
				<td ><input class="validate[required]" name="prenom" id="prenom" size="45" maxlength="45" /></td>
			</tr><tr>
				<td align="right">Login :</td>
				<td ><input class="validate[required,ajax[doublonlogin]]" name="login" id="login" size="25" maxlength="25" /></td>
			</tr><tr>
				<td align="right">Adresse e-mail :</td>
				<td ><input class="validate[required,custom[email]]" name="email" id="email" size="50" maxlength="50" /></td>
			</tr><tr>
				<td align="right">Mot de passe :</td>
				<td ><input class="validate[required,equals[mdp2]]" type="password" name="mdp1" id="mdp1" size="45" maxlength="45" /></td>
			</tr><tr>
				<td align="right">Confirmation :</td>
				<td ><input class="validate[required,equals[mdp1]]" type="password" name="mdp2" id="mdp2" size="45" maxlength="45" /></td>
			</tr>
			</tr><tr>
				<td align="right"></td>
				<td ><input class="validate[required]" type="hidden" name="doublon" id="doublon" size="10"/></td>
			</tr>
		</table>
		</td><td valign="top">
    		<input type="submit" name="bloginnew" id="blNew" value="Créer le compte" class="boutons" /><br><br>
    		<input type="button" name="bloginnew" id="blRet" value="Retour" class="boutons" onclick="javascript:location.href='nespresso.jsp'" /><br>
		</td></tr>
	</table>
</form>
</div>
</div>
<script>
$(document).ready(function() {
	$("#fLoginNew").validationEngine('attach', {
		promptPosition : "centerRight", 
		scroll: false, 
		validationEventTrigger: "blur", 
		autoHidePrompt:true, 
		autoHideDelay:"2200"  
	});
});
</script>
</body>
</html>
